<template>
  <div id="HomeHistory">
    <div class="headerp">历史记录</div>
    <div class="content">
      <el-table
          :data="tableData"
          border
          style="width: 100%">
        <el-table-column
            prop="docName"
            label="文档名称">
        </el-table-column>
        <el-table-column
            prop="foundDate"
            label="创建日期">
        </el-table-column>
        <el-table-column
            prop="states"
            label="状态">
        </el-table-column>
        <el-table-column
            label="操作">
          <template slot-scope="scope">
            <el-button
                size="mini"
                type="success"
                @click="handleEdit(scope.$index, scope.row)">生成PDF</el-button>
            <el-button
                size="mini"
                type="primary"
                @click="handleEdit(scope.$index, scope.row)">下载</el-button>
            <el-button
                size="mini"
                @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
            <el-button
                size="mini"
                type="danger"
                @click="handleDelete(scope.$index, scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  export default {
    name: "HomeHistory",
    data(){
      return {
        tableData: [{
          docName: 'XXX可行性研究报告',
          foundDate: '创建日期',
          states: '已生成'
        },{
          docName: 'XXX可行性研究报告',
          foundDate: '创建日期',
          states: '已生成'
        },{
          docName: 'XXX可行性研究报告',
          foundDate: '创建日期',
          states: '已生成'
        }]
      }
    }
  }
</script>

<style scoped>
  #HomeHistory{
    text-align: left;
    box-sizing: border-box;
    padding: 20px;
  }
  .headerp{
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
  }
</style>